<template>
  <div class="privacy-container">
    <van-nav-bar
      title="隐私政策"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    
    <div class="privacy-content">
      <h1>万师傅隐私政策</h1>
      <p class="update-time">最后更新日期：2024年1月1日</p>
      
      <section class="section">
        <h2>引言</h2>
        <p>万师傅平台（以下简称"我们"）非常重视用户的隐私保护。本政策旨在说明我们如何收集、使用、存储和保护您的个人信息。</p>
      </section>

      <section class="section">
        <h2>一、信息收集</h2>
        <p>1.1 我们收集的信息包括：</p>
        <ul>
          <li><strong>注册信息：</strong>手机号码、用户名、密码</li>
          <li><strong>身份信息：</strong>实名认证信息（如适用）</li>
          <li><strong>服务信息：</strong>服务需求、地址信息、支付信息</li>
          <li><strong>设备信息：</strong>设备型号、操作系统、IP地址</li>
          <li><strong>日志信息：</strong>操作记录、服务记录</li>
        </ul>
      </section>

      <section class="section">
        <h2>二、信息使用</h2>
        <p>2.1 我们使用您的信息用于：</p>
        <ul>
          <li>提供、维护和改进我们的服务</li>
          <li>处理您的服务请求和订单</li>
          <li>与您沟通，发送服务通知</li>
          <li>保障交易安全，防止欺诈</li>
          <li>遵守法律法规要求</li>
        </ul>
      </section>

      <section class="section">
        <h2>三、信息共享</h2>
        <p>3.1 我们不会出售您的个人信息。</p>
        <p>3.2 在以下情况下，我们可能会共享信息：</p>
        <ul>
          <li>获得您的明确同意</li>
          <li>为提供服务需要与服务师傅共享必要信息</li>
          <li>遵守法律程序或政府要求</li>
          <li>保护我们及他人的权利、财产和安全</li>
        </ul>
      </section>

      <section class="section">
        <h2>四、信息安全</h2>
        <p>4.1 我们采取合理的安全措施保护您的信息。</p>
        <p>4.2 我们使用加密技术保护敏感信息的传输。</p>
        <p>4.3 我们定期审查信息收集、存储和处理实践。</p>
      </section>

      <section class="section">
        <h2>五、您的权利</h2>
        <p>5.1 您有权：</p>
        <ul>
          <li>访问、更正您的个人信息</li>
          <li>删除您的账户</li>
          <li>限制或反对某些信息处理</li>
          <li>获取个人信息副本</li>
        </ul>
        <p>5.2 如需行使上述权利，请联系客服。</p>
      </section>

      <section class="section">
        <h2>六、Cookie和类似技术</h2>
        <p>6.1 我们使用Cookie来改善用户体验。</p>
        <p>6.2 您可以通过浏览器设置管理Cookie。</p>
      </section>

      <section class="section">
        <h2>七、政策更新</h2>
        <p>7.1 我们可能适时更新本政策。</p>
        <p>7.2 更新后，我们将通过适当方式通知您。</p>
      </section>

      <section class="section">
        <h2>八、联系我们</h2>
        <p>如果您对隐私政策有任何疑问，请联系：</p>
        <p>隐私保护负责人邮箱：privacy@wanshifu.com</p>
        <p>客服电话：400-xxx-xxxx</p>
      </section>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';

const router = useRouter();

const onClickLeft = () => {
  router.back();
};
</script>

<style lang="scss" scoped>
.privacy-container {
  min-height: 100vh;
  background-color: #f5f5f5;
}

.privacy-content {
  padding: 20px;
  background: white;
  line-height: 1.6;
  
  h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
  }
  
  .update-time {
    text-align: center;
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
  }
  
  .section {
    margin-bottom: 25px;
    
    h2 {
      font-size: 16px;
      color: #333;
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 1px solid #eee;
    }
    
    p {
      margin-bottom: 8px;
      color: #666;
      font-size: 14px;
    }
    
    ul {
      padding-left: 20px;
      margin: 10px 0;
      
      li {
        margin-bottom: 8px;
        color: #666;
        font-size: 14px;
        
        strong {
          color: #333;
        }
      }
    }
  }
}
</style>